import { StyleSheet } from 'react-native';
import { resize } from '@/utils/resize';

const splashIcon = {
  width: 692,
  height: 845
}

export default StyleSheet.create({
  splash_icon: {
    alignSelf: 'center',
    marginBottom: resize(24),
    width: resize(splashIcon.width / 4),
    height: resize(splashIcon.height / 4),
  },
  container: {
    flex: 1,
    justifyContent: 'center'
  },
  header: {
    marginBottom: resize(24, true)
  },
  buttons: {
    paddingLeft: resize(40),
    paddingRight: resize(40),
    marginTop: resize(80, true)
  },
  title: {
    color: '#fff',
    fontWeight: 'bold',
    textAlign: 'center',
    fontSize: resize(36)
  },
  sub_title: {
    textAlign: 'center',
    fontWeight: '600',
    color: '#fff'
  }
});